﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
	<link rel="stylesheet" href="jquery.treeview.css" />
	<link rel="stylesheet" href="screen.css" />
	<script src="jquery.js" type="text/javascript"></script>
	<script src="jquery.cookie.js" type="text/javascript"></script>
	<script src="jquery.treeview.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function(){

		// third example
		$("#red").treeview({
			animated: "fast",
			collapsed: true,
			unique: true,
			toggle: function() {
				window.console && console.log("%o was toggled", this);
			}
		});
		
		// fourth example
		$("#black, #gray").treeview({
			control: "#treecontrol",
			persist: "cookie"
		});
		$("#black, #gray1").treeview({
			control: "#treecontrol1",
			persist: "cookie"
		});

	});
	
	//safasfasf
	function selectTag(showContent,selfObj){
	// 标签
	var tag = document.getElementById("tags").getElementsByTagName("li");
	var taglength = tag.length;
	for(i=0; i<taglength; i++){
	tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag";
	// 标签内容
	for(i=0; j=document.getElementById("tagContent"+i); i++){
	j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";
}
	</script>
	<style type="text/css">
		#gray span a,#gray span a{
			font-weight: bold;
			font-size: 12px;
			}
	  	#gray.treeview li { background: url(images/gray/tv-item.gif) 0 0 no-repeat; }
	  	#gray.treeview .collapsable { background-image: url(images/gray/tv-collapsable.gif); }
	  	#gray.treeview .expandable { background-image: url(images/gray/tv-expandable.gif); }
	  	#gray.treeview .last { background-image: url(images/gray/tv-item-last.gif); }
	  	#gray.treeview .lastCollapsable { background-image: url(images/gray/tv-collapsable-last.gif); }
	  	#gray.treeview .lastExpandable { background-image: url(images/gray/tv-expandable-last.gif); }
		#gray1.treeview li { background: url(images/gray/tv-item.gif) 0 0 no-repeat; }
	  	#gray1.treeview .collapsable { background-image: url(images/gray/tv-collapsable.gif); }
	  	#gray1.treeview .expandable { background-image: url(images/gray/tv-expandable.gif); }
	  	#gray1.treeview .last { background-image: url(images/gray/tv-item-last.gif); }
	  	#gray1.treeview .lastCollapsable { background-image: url(images/gray/tv-collapsable-last.gif); }
	  	#gray1.treeview .lastExpandable { background-image: url(images/gray/tv-expandable-last.gif); }
body{
	background-color: #e5e5e5;
	margin: 0;
	padding: 0;
	}
OL LI {
	MARGIN: 8px
}
img{
	border: none;
	}
#tab_menu {
	FONT-SIZE: 12px;
	background-color: #e5e5e5;
	margin: 2px 0 0 0;
}
#tags {
	padding: 0 0 0 10px ;margin: 0; height: 21px; background-color: #fff; 
}
#tags LI {
	BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 21px
}
#tags LI A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999;LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 21px; TEXT-DECORATION: none
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; MARGIN-BOTTOM: 0px; POSITION: relative; HEIGHT: 21px
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 21px; HEIGHT: 21px
}
#tagContent {
	background-color: #e5e5e5;border: none;border-top: 1px solid #999; margin-top: -1px;
} 
.tagContent {
DISPLAY: none;COLOR: #080808; padding: 10px; font-weight: bold;
}
#tagContent DIV.selectTag {
DISPLAY: block
}
</style>
</head>
<body style="overflow: scroll;">
<div id="tab_menu">
    <ul id="tags">
      <li class=selectTag><A onClick="selectTag('tagContent0',this)" href="javascript:void(0)">资源视图</A> </li>
      <li><A onClick="selectTag('tagContent1',this)" href="javascript:void(0)">功能视图</A> </li>
    </ul>
	<div id="tagContent">
        <div class="tagContent selectTag" id="tagContent0">
			<div id="main1">
					<div id="treecontrol1">
						<a target="rightIframe" href="#"><img src="images/zk.jpg" /></a>
						<a target="rightIframe" href="#"><img src="images/hq.jpg" /></a>
					</div>
					<ul id="gray1">
						<li class="closed">
							<span>设备管理系统</span>
					  		<ul>
								  <li><a target="rightIframe" href="content/zwxx.html">子网信息</a></li>
								  <li><a target="rightIframe" href="content/zwxxxx.html">子网详细信息</a></li>
								  <li><a target="rightIframe" href="content/zwcjqgl.html">子网采集器管理</a></li>
								  <li><a target="rightIframe" href="content/zwsz.html">子网设置</a></li>
							  </ul>
						</li>
					</ul>	
				</div>
		</div>
        <div class="tagContent" id="tagContent1">
			  <div id="main">
					<div id="treecontrol">
						<a target="rightIframe" href="#"><img src="images/zk.jpg" /></a>
						<a target="rightIframe" href="#"><img src="images/hq.jpg" /></a>
					</div>
					<ul id="gray">
						<li class="closed">
							<span>子网管理</span>
							<ul>
								  <li><a target="rightIframe" href="content/zwxx.html">子网信息</a></li>
								  <li><a target="rightIframe" href="content/zwxxxx.html">子网详细信息</a></li>
								  <li><a target="rightIframe" href="content/zwcjqgl.html">子网采集器管理</a></li>
								  <li><a target="rightIframe" href="content/zwsz.html">子网设置</a></li>
							  </ul>
						</li>
						<li class="closed">
							<span>告警管理</span>
					  			<ul>
								  <li><a target="rightIframe" href="content/gjcx.html">告警查询</a></li>
								  <li><a target="rightIframe" href="content/lxsz.html">类型设置</a></li>
								  <li><a target="rightIframe" href="content/djsz.html">等级设置</a></li>
								  <li><a target="rightIframe" href="content/gjsz.html">告警设置</a></li>
								  <li><a target="rightIframe" href="content/gjgl.html">告警过滤</a></li>
							  </ul>						</li>
						<li class="closed">
							<span>日志管理</span>
					  			<ul>
								  <li><a target="rightIframe" href="content/rzcx.html">日志查询</a></li>
							  </ul>
						</li>
						<li class="closed">
							<span>报表</span>
					  		<ul>
								  <li><a target="rightIframe" href="content/zwbb.html">子网报表</a></li>
								  <li><a target="rightIframe" href="content/gjbb.html">告警报表</a></li>
							  </ul>
						</li>
						<li class="closed">
							<span>常用工具</span>
					  		<ul>
								  <li><a target="rightIframe" href="content/MIB.html">MIB浏览器</a></li>
								  <li><a target="rightIframe" href="content/PING.html">PING工具</a></li>
							  </ul>	
						</li>
						<li class="closed">
							<span>系统管理</span>
					  		<ul>
								  <li><a target="rightIframe" href="content/yhgl.html">用户管理</a></li>
								  <li><span>系统备份</span>
								  	<ul>
										  <li><a target="rightIframe" href="content/qkbf.html">全库备份</a></li>
										  <li><a target="rightIframe" href="content/cybf.html">差异备份</a></li>
									  </ul>	
								  </li>
								  <li><a target="rightIframe" href="content/azsj.html">安装升级</a></li>
							  </ul>		
						</li>
					</ul>	
				</div>
        </div>
    </div>
</div>
</body>
</html>